<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta name="renderer" content="webkit">
		<meta http-equiv="Content-Security-Policy">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="./layui/css/layui.css" media="all">
		<link rel="stylesheet" href="./css/common.css" media="all">
		<link rel="stylesheet" href="./css/scroll.css" media="all">
		<link rel="stylesheet" href="./css/map.css" media="all">
		<script src="./layui/jquery-1.11.1.min.js" charset="utf-8"></script>
		<script src="./js/echarts.min.js" charset="utf-8"></script>
		<script src="./layui/layui.js" charset="utf-8"></script>
		<script src="./js/map.js" charset="utf-8"></script>
		<script src="./js/scroll.js" charset="utf-8"></script>
		<script src="./js/common.js"></script>
		<title>国调</title>
	</head>
	<body style=" background:#f2f5f7;">
		<div id="body">
			<div class="layui-row status_bar">
				<div class="layui-col-md2 item item1">
					<div class="icon_item icon6"></div>
					<div class="icon_right icon_right1">
						<div class="title">3</div>
						<div class="num">待审核数量</div>
					</div>
				</div>
				<div class="layui-col-md2 item item1">
					<div class="icon_item icon1"></div>
					<div class="icon_right icon_right1">
						<div class="title">31</div>
						<div class="num">已超期数量</div>
					</div>
				</div>
				<div class="layui-col-md2 item item1">
					<div class="icon_item icon8"></div>
					<div class="icon_right icon_right1">
						<div class="title">31</div>
						<div class="num">未阅读数量</div>
					</div>
				</div>
				<div class="layui-col-md2 item item1">
					<div class="icon_item icon9"></div>
					<div class="icon_right icon_right1">
						<div class="title">31</div>
						<div class="num">反馈中数量</div>
					</div>
				</div>
				<div class="layui-col-md2 item item1">
					<div class="icon_item icon1"></div>
					<div class="icon_right icon_right1">
						<div class="title">31</div>
						<div class="num">处置中数量</div>
					</div>
				</div>
				<div class="layui-col-md2 item item1">
					<div class="icon_item icon11"></div>
					<div class="icon_right icon_right1">
						<div class="title">31</div>
						<div class="num">已闭环数量</div>
					</div>
				</div>
			</div>
			<div class="layui-row search_bar">
				<form class="layui-form" action="">
					<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入检索条件" class="layui-input">
					<button type="button" class="layui-btn">查询</button>
					<div class="layui-inline">
						<div class="layui-input-inline">
							<select name="quiz">
								<option value="等级">等级</option>
								<option value="等级">等级</option>
							</select>
						</div>
					</div>
				</form>
			</div>
			<div class="layui-row echarts_map">
				<div class="left">
					<div class="itemTitle"><span class="borderTitle"></span>公司概况</div>
					<div class="company" id="companyTop"></div>
<!-- 					<div id="animal" class="box3 play">
						<div class="border3">
							<div>国家电网北京分公司123</div>
							<div>国家电网北京分公司1234</div>
							<div>国家电网北京分公司1235</div>
							<div>国家电网北京分公司1236</div>
							<div>国家电网北京分公司1237</div>

							<div>国家电网北京分公司123</div>
							<div>国家电网北京分公司1234</div>
							<div>国家电网北京分公司1235</div>
							<div>国家电网北京分公司1236</div>
							<div>国家电网北京分公司1237</div>
						</div>
					</div> -->
				</div>
				<div class="box">
					<div class="layui-row">
						<div class="nodeChart">
							<div id="nodeChart1" class="chartMap"></div>
							<div id="nodeChart2" class="chartMap"></div>
							<div id="nodeChart3" class="chartMap"></div>
							<div class="layui-btn-group item_btn" id="switch-place">
								<button class="layui-btn selected" id="btn6" data-type="country">国调</button>
								<button class="layui-btn" id="btn7" data-type="area">分中心</button>
								<button class="layui-btn" id="btn8" data-type="province">省调</button>
							</div>
							<div class="layui-row params">
								<div class="param">指标区:</div>
								<div class="param">发布漏洞 4/10、涉及产品 2/4、主站系统/厂站系统 3/6、主站主机/厂站主机 3/6</div>
							</div>
						</div>
					</div>
					
				</div>
				<div class="layui-col-md2 top">
					<div class="topItem">
						<div class="itemTitle"><span class="borderTitle"></span>TOP10产品</div>
						<div class="top1" id="productTop"></div>
					</div>
					<div class="topItem" style="margin-top: 0.15rem;">
						<div class="itemTitle"><span class="borderTitle"></span>TOP10系统</div>
						<div class="top1" id="systemTop"></div>
					</div>
				</div>

			</div>
		</div>
	</body>
</html>
